<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>表单设计</title>
  <link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="css/site.css"/>
  <style>
  *{margin:0;padding:0;}
   body{font-family:"微软雅黑";font-size:14px;position:relative;}
   ul,li{list-style:none;}
   a{text-decoration:none;}
  /*我方主体*/ 
   #nav{width:800px;border:1px solid #ddd;}
   #nav .subject{width:100%;min-height:80px;border:1px solid #ddd;}
   #nav .subject .sub_select{width:240px;height:38px;margin:10px 30px;}
   #sub_add{float:right;margin:20px 30px;text-decoration:none;}
   /*费用类别*/
   .money{width:800px;border:1px solid #ddd;}
   .money .money_type{width:100%;min-height:80px;border:1px solid #ddd;}
   .money .money_type  .money_input{width:240px;height:38px;margin:10px 30px;text-align:right;padding-right:15px;color:blue;}
   #sub_add{float:right;margin:20px 30px;text-decoration:none;}
  </style>  
    
 </head>
 <body>
  <!-- 我方主体 -->
  <div id="nav"><p>*我方主体</p>
      <div class="subject">   
	    <a id="sub_add">增加列</a>
      </div>    
  </div>

 <!-- 费用类别 -->
  <div class="money"><p>*费用类别</p>
      <div class="money_type"> 
      <input type="text" class="money_input" value="选择" readonly="readonly"/>  
	    <a id="sub_add">增加列</a>
      </div>    
  </div>

<script type="text/javascript" charset="utf-8" src="js/jquery-1.11.2.min.js?2028"></script>
<script type="text/javascript">
 $(function(){
	  add_select();
	 $("#sub_add").click(function(){
	 	// add_input();//添加文本框 
		add_select();	  
	 });
 });
 
 function add_input(){
	 var input = document.createElement('input');  //创建input节点
	 input.setAttribute('type', 'text');  //定义类型是文本输入
	 input.setAttribute('class', 'sub_input');
	 document.getElementById('nav').appendChild(input ); //添加到form中显示
 }
 
 //下拉框 
 function add_select(){
	  //创建select
		var $select = $("<select class='sub_select'><option value=''>请选择</option><option value='1'>李锦记健康产品集团有限公司</option><option value='2'>无限极中国有限公司</option> </select>");
	   
	  //把创建好的加载到div中
		$(".subject").append($select);
	        //给所有option注册事件
		$(".sub_select option").click(function(){
			
		});
 }
 
 
</script>
</body>
</html>

